<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>设备管理系统 1.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="css/index.css" media="all"/>


</head>
<body class="main_body">
<div class="layui-layout layui-layout-admin">
    <!-- 顶部 -->
    <div class="layui-header header">
        <div class="layui-main mag0">
            <a href="#" class="logo"> 系统</a>
            <!-- 显示/隐藏菜单 -->
            <a href="javascript:;" class="seraph hideMenu icon-caidan"></a>
            <!-- 顶级菜单 -->
            <!--<ul class="layui-nav mobileTopLevelMenus" mobile>-->
            <!--<li class="layui-nav-item" data-menu="contentManagement">-->
            <!--<a href="javascript:;"><i class="seraph icon-caidan"></i><cite>layuiCMS</cite></a>-->
            <!--<dl class="layui-nav-child">-->
            <!--<dd class="layui-this" data-menu="contentManagement"><a href="javascript:;"><i class="layui-icon" data-icon="&#xe63c;">&#xe63c;</i><cite>内容管理</cite></a></dd>-->
            <!--<dd data-menu="memberCenter"><a href="javascript:;"><i class="seraph icon-icon10" data-icon="icon-icon10"></i><cite>用户中心</cite></a></dd>-->
            <!--<dd data-menu="systemeSttings"><a href="javascript:;"><i class="layui-icon" data-icon="&#xe620;">&#xe620;</i><cite>系统设置</cite></a></dd>-->
            <!--<dd data-menu="seraphApi"><a href="javascript:;"><i class="layui-icon" data-icon="&#xe705;">&#xe705;</i><cite>使用文档</cite></a></dd>-->
            <!--</dl>-->
            <!--</li>-->
            <!--</ul>-->
            <ul class="layui-nav topLevelMenus" pc>
                <li class="layui-nav-item layui-this" data-menu="contentManagement">
                    <a href="javascript:;"><i class="layui-icon" data-icon="&#xe63c;">&#xe63c;</i><cite>设备管理</cite></a>
                </li>
                <li class="layui-nav-item" data-menu="memberCenter" pc>
                    <a href="javascript:;"><i class="seraph icon-icon10"
                                              data-icon="icon-icon10"></i><cite>用户中心</cite></a>
                </li>
                <li class="layui-nav-item" data-menu="systemeSttings" pc>
                    <a href="javascript:;"><i class="layui-icon" data-icon="&#xe620;">&#xe620;</i><cite>系统设置</cite></a>
                </li>
                <li class="layui-nav-item" data-menu="seraphApi" pc>
                    <a href="javascript:;"><i class="layui-icon" data-icon="&#xe705;">&#xe705;</i><cite>使用文档</cite></a>
                </li>
            </ul>
            <!-- 顶部右侧菜单 -->
            <ul class="layui-nav top_menu">
                <li class="layui-nav-item" pc>
                    <!-- Google 翻译插件  把button放在右下角-->
                    <div id="google_translate_element"
                         style="position:absolute;bottom:10px;right:10px;z-index:2000;opacity:0.7"></div>

                </li>
                <li class="layui-nav-item" pc>
                    <a href="javascript:;" class="clearCache"><i class="layui-icon"
                                                                 data-icon="&#xe640;">&#xe640;</i><cite>清除缓存</cite><span
                            class="layui-badge-dot"></span></a>
                </li>
                <li class="layui-nav-item lockcms" pc>
                    <a href="javascript:;"><i class="seraph icon-lock"></i><cite>锁屏</cite></a>
                </li>
                <li class="layui-nav-item" id="userInfo">
                    <a
                            href="javascript:;">
                        <!--<img src="images/face.jpg" class="layui-nav-img userAvatar" width="35" height="35">-->
                        <cite id="userName" class="adminName"> </cite>
                        <!--小白狼 {{ userName }}-->
                    </a>
                    <dl class="layui-nav-child">

                        <!--  暂且注销  有空在写 -->
                        <!--<dd><a href="javascript:;" data-url="page/user/userInfo.html"><i class="seraph icon-ziliao" data-icon="icon-ziliao"></i><cite>个人资料</cite></a></dd>-->
                        <dd><a href="javascript:;" data-url="page/user/changePwd.html"><i class="seraph icon-xiugai"
                                                                                          data-icon="icon-xiugai"></i><cite>修改密码</cite></a>
                        </dd>
                        <!--<dd><a href="javascript:;" class="showNotice"><i class="layui-icon">&#xe645;</i><cite>系统公告</cite><span class="layui-badge-dot"></span></a></dd>-->
                        <!--<dd pc><a href="javascript:;" class="functionSetting"><i class="layui-icon">&#xe620;</i><cite>功能设定</cite><span class="layui-badge-dot"></span></a></dd>-->
                        <dd pc><a href="javascript:;" class="changeSkin"><i
                                class="layui-icon">&#xe61b;</i><cite>更换皮肤</cite></a></dd>
                        <dd><a href="javascript:;" class="signOut"><i class="seraph icon-tuichu"></i><cite>退出</cite></a>
                        </dd>
                        <!--<dd><a href="login.html" class="signOut"><i class="seraph icon-tuichu"></i><cite>退出</cite></a></dd>-->
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!-- 左侧导航 -->
    <!--
    图片和HTML文本在同一目录下：例如index.html  和  img.jpg
写法：<img src="img.jpg">
图片和HTML不在同一目录下：有分两种情况：
1、图片img.jpg在文件夹images中，index.html和images文件夹在同一个目录下
写法：<img src="images/img.jpg">
2、图片img.jpg在文件夹images中，index.html在controller文件夹中，images和controller文件夹在同一个目录下
写法：<img src="../images/img.jpg">
    -->
    <div class="layui-side layui-bg-black">
        <div class="user-photo">
            <a class="img" title="我的头像"><img src="images/kakaxi.jpg" class="userAvatar"></a>
            <p>你好！<span id="roleName" class="userName">卡卡西</span>, 欢迎登录</p>
        </div>
        <!-- 搜索 -->
        <div class="layui-form component">
            <select name="search" id="search" lay-search lay-filter="searchPage">
                <option value="">搜索页面或功能</option>
                <option value="1">layer</option>
                <option value="2">form</option>
            </select>
            <i class="layui-icon">&#xe615;</i>
        </div>
        <div class="navBar layui-side-scroll" id="navBar">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item layui-this">
                    <a href="javascript:;" data-url="page/main.html"><i class="layui-icon"
                                                                        data-icon=""></i><cite>后台首页</cite></a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 右侧内容 -->
    <div class="layui-body layui-form">
        <div class="layui-tab mag0" lay-filter="bodyTab" id="top_tabs_box">
            <ul class="layui-tab-title top_tab" id="top_tabs">
                <li class="layui-this" lay-id=""><i class="layui-icon">&#xe68e;</i> <cite>后台首页</cite></li>
            </ul>
            <ul class="layui-nav closeBox">
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon caozuo">&#xe643;</i> 页面操作</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="refresh refreshThis"><i class="layui-icon">&#x1002;</i>
                            刷新当前</a></dd>
                        <dd><a href="javascript:;" class="closePageOther"><i class="seraph icon-prohibit"></i> 关闭其他</a>
                        </dd>
                        <dd><a href="javascript:;" class="closePageAll"><i class="seraph icon-guanbi"></i> 关闭全部</a></dd>
                    </dl>
                </li>
            </ul>
            <div class="layui-tab-content clildFrame">
                <div class="layui-tab-item layui-show">
                    <iframe src="page/main.html"></iframe>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="layui-footer footer">
        <p><span>copyright @2019</span>　　<a onclick="jiehuaxianfo()" class="layui-btn layui-btn-danger layui-btn-sm">借花献佛</a>
        </p>
    </div>
</div>

<!-- 移动导航 -->
<div class="site-tree-mobile"><i class="layui-icon">&#xe602;</i></div>
<div class="site-mobile-shade"></div>

<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/cache.js"></script>
<!-- i18n -->
<!--<script type="text/javascript" src="i18n/jquery.i18n.properties.js"></script>-->
<!--<script type="text/javascript" src="i18n/jquery.min.js"></script>-->
<!--<script type="text/javascript">-->

    <!--$(function () {-->
        <!--jQuery.i18n.properties({-->
            <!--name: 'strings', //资源文件名称-->
            <!--path: '/i18n/', //资源文件路径-->
            <!--mode: 'map', //用Map的方式使用资源文件中的值-->
            <!--language: 'zh',-->
            <!--callback: function () {//加载成功后设置显示内容-->
                <!--$('#button-login').html($.i18n.prop('Login'));-->
                <!--$('#label-username').html($.i18n.prop('User Name'));-->
                <!--$('#label-password').html($.i18n.prop('Password'));-->
            <!--}-->
        <!--});-->
    <!--});-->

<!--</script>-->


</body>
</html>
<script type="text/javascript">
    function googleTranslateElementInit() {

        new google.translate.TranslateElement(
            {
                //pageLanguage: 'en',

                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
            },
            'google_translate_element'
        );

    }
</script>
<!--谷歌被墙，原来是translate.google.com，现在用cn-->
<script src="//translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit"></script>
